@media (max-width:768px){
#help, #popup, #feedback{display:none}
}
@media all and (min-width: 900px) {
#help{text-align:center;display:block;padding:5px;margin:0;position:fixed;width:100px;bottom:0;right:100px;z-index:9998;background:#222;color:#ccc;box-shadow: 0 0 8px #777;-webkit-box-shadow: 0 0 8px #777;-moz-box-shadow: 0 0 8px #7777;}
#popup{  
            width:500px;
            height:400px;;
            border:1px solid white;
            background-color:white;
            top:20%;
            position:relative;
            margin: 0 auto;
			padding:20px;
            background: rgb(247, 247, 247);
            border: 1px solid rgba(147, 184, 189,0.8);
            -webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
               -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
                    box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
            -webkit-box-shadow: 10px;
            -moz-border-radius: 10px;
                 border-radius: 10px;
                 opacity:1;
                
        }

        #feedback
        {
            position:absolute;
            top:0px;
            visibility:hidden;
            background-color:black;
            opacity:1;
            left:0px;
            height:100%;
            width:100%;
        }
        #feedback:target
        {
            visibility:visible;
            -webkit-animation: fade 400ms ease;
	z-index: 99999;
        }
        #feedback:target > #popup
        {
            
             -webkit-animation: moveFromBottom 400ms ease;
        }
		.fclose{float:right;margin-right:20px}
        @-webkit-keyframes fade
        {
            from {
               
               
                
                opacity: 0;
            }
            to {
                
                
                opacity: 1;        
            }
        }
        
        
        @-webkit-keyframes moveFromBottom
        {
            from {
               
               
                -webkit-transform: scale(.5);
                opacity: 0;
            }
            to {
                
                -webkit-transform: scale(1);
                opacity: 1;        
            }
        }
        
        
        @-moz-keyframes fade
        {
            from {
               
               
                
                opacity: 0;
            }
            to {
                
                
                opacity: 1;        
            }
        }
        
        
        @-moz-keyframes moveFromBottom
        {
            from {
               
               
                -webkit-transform: scale(.5);
                opacity: 0;
            }
            to {
                
                -webkit-transform: scale(1);
                opacity: 1;        
            }
        }
        
        
        @-ms-keyframes fade
        {
            from {
               
               
                
                opacity: 0;
            }
            to {
                
                
                opacity: 1;        
            }
        }
        
        
        @-ms-keyframes moveFromBottom
        {
            from {
               
               
                -webkit-transform: scale(.5);
                opacity: 0;
            }
            to {
                
                -webkit-transform: scale(1);
                opacity: 1;        
            }
        }
        
        
        @-o-keyframes fade
        {
            from {
               
               
                
                opacity: 0;
            }
            to {
                
                
                opacity: 1;        
            }
        }
        
        
        @-o-keyframes moveFromBottom
        {
            from {
               
               
                -webkit-transform: scale(.5);
                opacity: 0;
            }
            to {
                
                -webkit-transform: scale(1);
                opacity: 1;        
            }
        }
        
         @keyframes fade
        {
            from {
               
               
                
                opacity: 0;
            }
            to {
                
                
                opacity: 1;        
            }
        }
        
        
        @keyframes moveFromBottom
        {
            from {
               
               
                -webkit-transform: scale(.5);
                opacity: 0;
            }
            to {
                
                -webkit-transform: scale(1);
                opacity: 1;        
            }
        }
}